import { useBlockStore } from "@/stores/useBlockStore";

export function EditorCanvas() {
    const blockTree = useBlockStore(state => state.blockTree);
    const insertBlock = useBlockStore(state => state.insertBlock);
    const moveBlock = useBlockStore(state => state.moveBlock);

    const renderLayout = () => {
        return blockTree.map(block => {
            return (
                <div key={block.id}>{block.type}</div>
            )
        })
    }

    
    return (
        <div className="flex-1">
            <h1>EditorCanvas</h1>
        </div>
    )
}